<template>
    <view style="height: 100%">
        <view class="container">
            <view>您的分数是：{{ score }}分</view>
            <view v-for="(item, index) in result" :key="index">
                <view v-if="score >= item.min && score <= item.max">{{ item.desc }}</view>

                <image v-if="score >= item.min && score <= item.max" :src="item.gif" />
            </view>
        </view>

        <navigator url="/pages/course/course" open-type="switchTab">
            <button type="primary" class="returnButton">返回首页</button>
        </navigator>
    </view>
</template>

<script>
export default {
    data() {
        return {
            score: 0,
            result: [
                {
                    min: 0,
                    max: 20,
                    desc: '基础非常差，还要努力',
                    gif: '/static/image/gif/hangup01.gif'
                },
                {
                    min: 21,
                    max: 40,
                    desc: '基础较差，还有提升空间',
                    gif: '/static/image/gif/hangup02.gif'
                },
                {
                    min: 41,
                    max: 60,
                    desc: '加油，继续努力',
                    gif: '/static/image/gif/hangup03.gif'
                },
                {
                    min: 61,
                    max: 80,
                    desc: '不错，继续加油',
                    gif: '/static/image/gif/hangup04.gif'
                },
                {
                    min: 81,
                    max: 100,
                    desc: '大佬太强了',
                    gif: '/static/image/gif/hangup05.gif'
                }
            ]
        };
    }
    /**
     * 生命周期函数--监听页面加载
     */,
    onLoad(options) {
        this.score = parseInt(options.score);
    },
    /**
     * 生命周期函数--监听页面初次渲染完成
     */
    onReady() {},
    /**
     * 生命周期函数--监听页面显示
     */
    onShow() {},
    /**
     * 生命周期函数--监听页面隐藏
     */
    onHide() {},
    /**
     * 生命周期函数--监听页面卸载
     */
    onUnload() {},
    /**
     * 页面相关事件处理函数--监听用户下拉动作
     */
    onPullDownRefresh() {},
    /**
     * 页面上拉触底事件的处理函数
     */
    onReachBottom() {},
    /**
     * 用户点击右上角分享
     */
    onShareAppMessage() {},
    methods: {}
};
</script>
<style>
@import './score.css';
</style>
